input::-webkit-input-placeholder {
	color: red;
	font-size: 24.88rpx;
}
page {
	font-size: 21.33rpx;
}
.padtb30 {
	padding-top: 30rpx !important;
	padding-bottom: 30rpx !important;
}
.mt8 {
	margin-top: 8rpx !important;
}
.no-border {
	border-width: 0 !important;
}
.text-center {
	text-align: center;
}

.font-13 {
	font-size: 23.11rpx;
}

.font-12 {
	font-size: 21.33rpx;
}

.font-11 {
	font-size: 19.55rpx;
}

.text-grey1 {
	color: #888;
}
.text-grey2 {
	color: #aaa;
}
.orange-type {
	color: #f78600;
	background-color: rgba(247, 134, 0, 0.1);
	border: 1px solid rgba(247, 134, 0, 0.7);
}
.gray-type {
	color: #666;
	background: rgba(102, 102, 102, 0.1);
	border: 1px solid rgba(102, 102, 102, 0.7);
}
.blue-type {
	color: rgba(64, 158, 254, 1);
	background: rgba(64, 158, 254, 0.1);
	border: 1px solid rgba(64, 158, 254, 0.7);
}
.red-type {
	color: rgba(255, 77, 79, 1);
	background-color: rgba(255, 77, 79, 0.1);
	border: 1px solid rgba(255, 77, 79, 0.7);
}
.green-type {
	color: rgba(39, 181, 125, 1);
	background-color: rgba(39, 181, 125, 0.1);
	border: 1px solid rgba(39, 181, 125, 0.7);
}
.gray-back {
	background-color: #f1f2f5;
}
.col99 {
	color: #999;
}
.col66 {
	color: #666;
}
.col33 {
	color: #333;
}
.col00 {
	color: #000;
}
.text-center {
	text-align: center;
}
.font-11 {
	font-size: 19.55rpx !important;
}
.font-12 {
	font-size: 21.33rpx !important;
}
.font-13 {
	font-size: 23.11rpx !important;
}
.font-14 {
	font-size: 24.88rpx !important;
}
.font-15 {
	font-size: 26.66rpx !important;
}
.font-16 {
	font-size: 28.44rpx !important;
}
.font-17 {
	font-size: 30.22rpx !important;
}
.font-18 {
	font-size: 32rpx !important;
}
.font-20 {
	font-size: 35.55rpx !important;
}
.text-grey1 {
	color: #888;
}
.text-grey2 {
	color: #aaa;
}
.list-cell-arrow::before {
	content: ' ';
	height: 10px;
	width: 10px;
	border-width: 2px 2px 0 0;
	border-color: #c0c0c0;
	border-style: solid;
	-webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
	transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 30rpx;
}

.list-cell {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	color: #333;
	padding: 26rpx 30rpx;
}

.list-cell:first-child {
	border-radius: 20rpx;
}

.list-cell:last-child {
	border-radius: 0 0 8rpx 8rpx;
}

.list-cell::after {
	content: '';
	position: absolute;
	border-bottom: 1px solid #eaeef1;
	-webkit-transform: scaleY(0.5) translateZ(0);
	transform: scaleY(0.5) translateZ(0);
	transform-origin: 0 100%;
	bottom: 0;
	right: 0;
	left: 0;
	pointer-events: none;
}

.menu-list {
	margin: 15px 15px;
	min-height: 445rpx;
	background: #fff;
	border-radius: 20rpx;
	margin-top: -20px;
	.menu-item-box {
		width: 100%;
		display: flex;
		align-items: center;
		.til {
			color: #333;
		}
		.menu-icon {
			margin-right: 5px;
			width: 44rpx;
			height: 44rpx;
			line-height: 44rpx;
		}

		.text-right {
			margin-left: auto;
			margin-right: 34rpx;
			color: #999;
		}
	}
}

.uni-date {
	.uni-date-x {
		height: 70rpx !important;
		.uni-date__x-input {
			height: 40px;
			line-height: 40px;
		}
	}
	.uni-date__x-input {
		font-size: 15px !important;
		color: #333 !important;
	}
}
.bottom .gray-items {
	background-color: #f1f2f5;
	padding: 0;
	margin: 8px 0;
	.items {
		padding: 0;
	}
}
.bottom .blue-back {
	background-color: rgba(64, 158, 254, 0.1);
	padding: 0;
	margin: 8px 0;
	.items {
		padding: 0;
	}
}

.block-items {
	display: flex;
	padding: 0 !important;
	justify-content: space-between;
	> .items {
		width: 32% !important;
		height: 108rpx;

		> view {
			width: 100%;
			display: block;
			text-align: center;
		}
		.til,
		.val {
			height: 52rpx;
			line-height: 53rpx;
		}
		.val {
			margin: 0 !important;
		}
	}
}
.uni-input {
	border-radius: 10px;
}
.uni-date-x--border {
	border-radius: 5px !important;
}
input[value] {
	color: #333 !important;
}
.file-picker__box-content {
	border: 1rpx solid #8bd4f1 !important;
	border-radius: 20rpx;
}
.border-bt {
	.uni-date-x {
		padding: 0;
	}
	.uni-date-editor--x {
		border-bottom: 1px solid #ccc;
	}

	.uni-date__x-input {
		text-align: right;
		padding-right: 0;
	}
}
/************隐私协议授权框**********************/
.privacyBox {
	padding: 60rpx;
	box-sizing: border-box;
	background: #fff;
}

.privacyTit {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.privacyDesc {
	font-size: 28rpx;
	color: #333;
	overflow: hidden;
	margin-top: 30rpx;
}

.privacyDesc text {
	color: #333;
}

.privacyPost {
	overflow: hidden;
	margin-top: 60rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.privacyPost .refuseBtn {
	flex: 1;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	font-size: 28rpx;
	font-weight: bold;
	color: #fff;
	background: #333;
	border-radius: 40rpx;
	box-sizing: border-box;
	overflow: hidden;
}

.privacyPost .agreeBtn {
	flex: 1;
	height: 80rpx;
	line-height: 80rpx;
	text-align: center;
	font-size: 28rpx;
	font-weight: bold;
	color: #fff;
	background: blue;
	border-radius: 40rpx;
	box-sizing: border-box;
	overflow: hidden;
	margin-left: 20rpx;
}
/************支付前确认框**********************/
.paymentBox {
	padding: 60rpx;
	box-sizing: border-box;
	background: #fff;
	margin: 25rpx;
	border-radius: 8rpx;
}

.paymentTit {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	text-align: center;
	overflow: hidden;
}

.paymentDesc {
	font-size: 28rpx;
	color: #333;
	overflow: hidden;
	margin-top: 30rpx;
}

.paymentDesc text {
	color: #333;
}

.paymentPost {
	overflow: hidden;
	margin-top: 60rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.paymentPost {
	button {
		flex: 1;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		font-size: 28rpx;
		font-weight: bold;
		color: #fff;
		border-radius: 40rpx;
		box-sizing: border-box;
		overflow: hidden;
	}
	button::after {
		border: none !important;
	}
	.cancelBtn {
		background: #caccd0 !important;
		border: 1rpx solid #caccd0 !important;
	}
	.agreeBtn {
		margin-left: 20rpx;
	}
}
.padd20 {
	padding: 20rpx;
}
.selectBoxPop {
	width: 100vw;
	height: 500rpx;
	background-color: #fff;
	.main-box {
		padding-top: 30rpx;
		box-sizing: border-box;
		background: #fff;
		height: 400rpx;
		overflow: scroll;
		.box {
			height: 50rpx;
			line-height: 50rpx;
			overflow: auto;
			text-align: center;
		}
	}
	.btn-boxs {
		width: 100%;
		position: absolute;
		display: flex;
		align-content: center;
		flex-flow: nowrap;

		button {
			float: left;
			width: 49.6%;
			font-size: 21.33rpx !important;
			border: 0 solid #409EFE !important;
		}
		button:nth-child(2) {
			margin-left: 10px;
		}
	}
}
button.new {
	font-size: 26.66rpx !important;
	background: linear-gradient(169deg, #00d1ff 0%, #007eff 100%);
	border-image: linear-gradient(183deg, #7fe4ff 0%, #84c3ff 100%) 2 2;
	border-radius: 34px;
	box-shadow: 0px 3px 4px 0px rgba(1, 190, 255, 0.24);
	width: 440rpx;
	border-radius: 68rpx;
	position: fixed;
	bottom: 0;
	z-index: 99;
	left: 50%;
	margin-left: -220rpx;
	margin-bottom: 10rpx;
	height: 84rpx;
	line-height: 84rpx;
}
button {
	font-size: 26.66rpx !important;
	background: #409EFE !important;
	color: #fff !important;
	height: 90rpx;
	line-height: 90rpx;
	border: 0 solid #409EFE !important;
}
button.small-size {
	height: 60rpx;
	line-height: 60rpx;
}
.btns,
.btn-detail {
	position: fixed;
	bottom: 0;
	height: 150rpx;
	width: 100%;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 99;
	padding: 20rpx;
	background-color: #fff;
}
.popxx-itemss {
	box-sizing: border-box;
	width: 680rpx;
	background: #fff;
	border-radius: 10rpx;
	.header {
		width: 100%;
		height: 96rpx;
		line-height: 96rpx;
		border-bottom: 2rpx solid #eaeaea;
		text-align: center;
		color: #000;
		font-size: 28.44rpx;
		font-weight: 600;
	}
	.hold-ons {
		.uni-forms-item {
			.uni-forms-item__content {
				padding-top: 18rpx;
			}
		}
	}
	.hold-on {
		.uni-forms-item:nth-child(1) {
			.uni-forms-item__content {
				display: flex;
				align-items: center;
				min-height: 36px;
			}
		}
	}
	.top.calling {
		.uni-forms-item {
			align-items: center !important;
		}
	}
	.top {
		padding: 20rpx;
		.uni-forms-item {
			justify-content: flex-start;
			align-items: flex-start;
			.uni-forms-item__label {
				width: 160rpx !important;
			}
			.uni-forms-item__content {
				width: 300rpx;
				// overflow: hidden;
				white-space: normal;
				word-break: break-word;

				textarea {
					font-size: 24.88rpx !important;
					width: 100%;
					border: 1px solid #e5e5e5;
					border-radius: 6rpx;
					margin-top: 8rpx;
					padding: 10rpx;
				}
			}
			input {
				height: 70rpx;
				line-height: 70rpx;
			}
		}
	}
	.phxx-item-content {
		padding: 0 20rpx;
		height: 260rpx;
		display: flex;
		justify-content: space-around;
	}
	.btn {
		width: 100%;
		height: 96rpx;
		line-height: 96rpx;
		border-top: 2rpx solid #eaeaea;
		text-align: center;
		color: #000;
		font-size: 28.44rpx;

		button {
			background-color: #fff !important;
			border: 0 !important;
			color: #409efe !important;
			width: 50%;
			padding: 0 !important;
			margin: 0 !important;
			height: 96rpx;
			line-height: 96rpx;
			border-radius: 0;
			// border-top: 2rpx solid #EAEAEA!important;
		}
		.mini-btn:first-child {
			border-right: 2rpx solid #eaeaea !important;
			color: #333 !important;
			border-bottom-left-radius: 20rpx;
		}
		.mini-btn:nth-child(2) {
			border-right: 2rpx solid #eaeaea !important;
			color: #409efe !important;
			border-bottom-right-radius: 20rpx;
		}
	}
}
.content {
	font-size: 15px;
	overflow: hidden;
	.phxx-itemss {
		.btn{
			width:100%;
			height: 96rpx;
			line-height: 96rpx;
			border-top: 2rpx solid #EAEAEA;
			text-align: center;
			font-size: 16px;
			.title{
				color: #409EFE!important;
			}
		}
	}
	.weui-search-bar__cancel-btn {
		line-height: 60rpx;
		color: #fff;
		padding: 0 18rpx;
		white-space: nowrap;
		font-size: 14px;
		background: #409EFE;
		border-radius: 10rpx;
		margin-right: 10rpx;
	}
	.example-body{
		display: flex;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 10rpx;
		font-size: 28.44rpx;
		border-bottom: 1px solid #d7d6dc;
		
		.tag-view{
			color: #999;
			width: 50%;
		}
		.tag-view.active{
			color: #409EFE;
			.line{
				background: #409EFE;
				width: 100px;
				height: 2rpx;
				position: relative;
				bottom: 1px;
				left: 50%;
				margin-left: -50px;
			}
		}
	}
	.wpdformBg{

		.mzxx {
			padding: 20rpx 0;
			font-size: 14px;
			color: #333;
			.mk {
				height: 46rpx;
				line-height: 46rpx;
				.cph{
					color: #666;
					display: inline-block;
					margin-right: 20rpx;
				}
			}
			.tips {
				position: absolute;
				color: #409EFE;
				right: -32rpx;
				width: 200rpx;
				top: 164rpx;
				.menu-icon{
					display: inline-block;
					position: relative;
					top: 5rpx;
				}
			}
		}
	}
	.wpdformBg1{

		.mzxx {
			padding: 20rpx 0;
			font-size: 14px;
			color: #333;
			.mk {
				height: 46rpx;
				line-height: 46rpx;
				.cph{
					color: #666;
					display: inline-block;
					margin-right: 20rpx;
				}
			}
			.tips {
				position: absolute;
				color: #409EFE;
				right: -32rpx;
				width: 200rpx;
				top: 164rpx;
				.menu-icon{
					display: inline-block;
					position: relative;
					top: 5rpx;
				}
			}
		}
	}
	.zjsc {
		color: #000;
		margin-bottom: 20rpx;
		word-spacing: 10rpx;
		letter-spacing: 1rpx;
		font-weight: bold;
		font-size: 30.22rpx;
		.cover-img {
			width: 65rpx;
			height: 39rpx;
			top: 9rpx;
		}
	}
	.box-content {
		background-color: #fff;
		padding: 0 30rpx;
		margin-bottom: 20rpx;
		border-radius: 6rpx;
		font-size: 26.66rpx;
	}
	.ghmsc {
		display: flex;
		justify-content: space-between;
		border-radius: 8rpx;
		.title {
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 20rpx;
			.ghm {
				color: #000;
				font-weight: 700;
				font-size: 26rpx;
				margin-bottom: 5rpx;
			}
			.qsc {
				font-size: 26rpx;
				color: #666;
			}
		}
		.sctp {
			width: 49%;
			height: 25vw;
			text-align: center;
			position: relative;
			.img-box {
				width: 100%;
				height: 100%;
				position: absolute;
				.img-text {
					position: absolute;
					bottom: 40rpx;
					width: 100%;
					font-size: 12px;
					color: #409efe;
				}
			}
			.cover-img {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				right: 0;
			}
			.cover-imgs {
				width: 72rpx;
				height: 72rpx;
				top: 36rpx;
			}
			.img-mess {
				margin-top: 105rpx;
				margin-left: 95rpx;
			}
		}
	}
	.qrsf {
		.title {
			margin-bottom: 20rpx;
			word-spacing: 10rpx;
			letter-spacing: 1rpx;
			width: 190rpx;
			color: #333;
		}
		.sjxx {
			.uni-form-item:last-child {
				border-bottom: 1px solid transparent!important;
			}
			.uni-form-item {
				margin-bottom: 20rpx;
				border-bottom: 1px solid #e6e6e6;
				display: flex;
				justify-content: space-between;
				line-height: 100rpx;
				height: 100rpx;
				.uni-select-box {
					// width: 70%;
					display: flex;
					justify-content: space-between;
					// width: 473 rpx;
					background: #fff;
					picker {
						width: 100%;
						.uni-input {
							bottom: 5rpx !important;
							color: #333 !important;
							position: relative;
							top: 14rpx;
							left: -14rpx;
						}
					}
				}
				.w232 {
					width: 232rpx !important;
				}
				.title {
					width: 183rpx;
				}
				.title.wd220 {
					width: 240rpx;
					text-align: left;
				}
				.uni-input {
					flex: 3;
					border: 1px solid #fff;
					height: 70rpx;
					border-radius: 10rpx;
					padding: 0 10rpx;
					background-color: #fff;
					bottom: -14rpx;
					position: relative;
				}
			}
		}
	}
	.zysx {
		font-size: 13px;
		color: #000;
		.title {
			margin-bottom: 20rpx;
			word-spacing: 10rpx;
			letter-spacing: 1rpx;
		}
		.list {
			margin-bottom: 20rpx;
			color: #666;
		}
	}
}
.item-bank-box.back image {
	width: 100%;
	z-index: -1;
	position: absolute;
	height: 216rpx;
	left: 0rpx;
	padding: 10rpx;
}
.phxx-item {
	padding: 30rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
	font-size: 24.88rpx;
	color: #000;
	background: linear-gradient(180deg, #deeeff, #ffffff 21%);
	.pop {
		width: 80%;
		margin-block: 50%;
		margin-left: 10%;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
		align-items: center;
		border: 1px solid #ccc;
		border-radius: 20rpx;
		.phxx-item {
			width: 700rpx;
			padding: 0 20rpx;
			box-sizing: border-box;

			.phxx-item-content {
				width: 700rpx;
				height: 260rpx;
				display: flex;
				justify-content: space-around;
			}

		}

		.btn {
			margin-top: 5rpx;
			text-align: right;
			.mini-btn:first-child {
				margin-right: 6rpx;
			}
			.mini-btn {
				border: 1px solid #fff;
			}
		}
	}
	.phxx-item-content {
		width: 644rpx;
		.body-box {
			padding: 0 !important;
		}
		.top {
			width: 100%;
			border-bottom: 1rpx solid #e6e6e6;
			position: relative;
			padding: 0 8rpx 20rpx 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 26.66rpx;

			.cname-box {
				font-size: 26.66rpx;
				.cname-fu-box {
					display: flex;
					justify-content: flex-start;
					height: 36rpx;
					line-height: 36rpx;
					.line {
						width: 2rpx;
						height: 28rpx;
						background-color: #666;
						position: relative;
						top: 6rpx;
						margin: 0 9rpx;
					}
				}
			}
			.cname {
				color: #333;
				font-size: 32rpx;
				font-weight: 700;
				.ctitle {
					display: inline-block;
				}
			}
			.cname-fu {
				color: #333;
				.ctitle {
					display: inline-block;
				}
			}

			.status {
				font-size: 26.66rpx;
				padding: 0 20rpx;
				text-align: center;
				border-radius: 10rpx;
				display: block;
				height: 29px;
				line-height: 29px;
			}
		}
		.center {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 20rpx 5rpx;
			.gs {
				margin-right: 30rpx;
				font-size: 16px;
			}
			.gs,
			.mz,
			.location {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 50%;
			}
		}
		.bottom-btn {
			text-align: right;
			border-top: 1px solid #e8e7e7;
			padding-top: 10px;
		}
		.bottom.space {
			border-bottom: 1rpx solid #e6e6e6;
		}

		.bottom.gray-items {
			position: relative;
			background-color: #f1f2f5;
			padding: 0;
			margin: 8px 0;
			.items {
				padding: 0;
			}
			.items:nth-child(2) {
				margin-left: 96rpx;
			}
			.title {
				width: 96rpx;
				position: absolute;
			}
		}
		.bottom {
			padding: 20rpx 0 0 0;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 14px;
			> .items {
				width: 50%;
				.img-box {
					position: absolute;
					width: 110px;
					height: 80px;
					left: 128rpx;
					top: 3px;
					.cover-img {
						width: 100%;
						height: 100%;
					}
				}
				.til {
					color: #666;
				}
				.tils {
					width: 96rpx;
					height: 80rpx;
					display: inline-block;
					border-radius: 10rpx 0 0 10rpx;
					text-align: center;
					line-height: 80rpx;
				}
				.tils.blue {
					background-color: #d9ecff;
					color: #409efe;
					font-weight: bold;
				}
				.tils.red {
					background-color: #ffecec;
					color: #ff4d4f;
					font-weight: bold;
				}
			}
			.items.num-box {
				height: 80rpx;
				width: 30%;
				text-align: center;
				> view {
					width: 100%;
				}
				.val {
					margin-left: 0;
				}
				.til {
				}
				.til,
				.val {
					height: 40rpx;
					line-height: 43rpx;
				}
			}
			.items.full {
				width: 100% !important;
				display: flex;
				justify-content: flex-start;
				height: 30rpx;
				line-height: 30rpx;
			}
			.til {
				display: inline-block;
			}
			.val {
				margin-left: 15rpx;
			}
		}
		.line {
			width: 100%; /* 设置宽度为屏幕宽度 */
			height: 1px; /* 设置高度为实线的粗细 */
			background-color: #ccc; /* 设置背景色为灰色 */
		}
	}
}

.uni-form-item {
	.uni-stat__select {
		.uni-select {
			padding-left: 0 !important;
			padding: 0 10rpx !important;
			position: relative;
			bottom: -14rpx;
			border: solid 1px #fff !important;
		}
		.uni-select__selector {
			z-index: 9999;
		}
		.uni-select__input-placeholder {
			font-size: 15px !important;
			color: #333 !important;
		}
	}
}
#scan-style .uni-select {
	padding-left: 0 !important;
	padding: 0 10rpx !important;
	position: relative;
	bottom: -14rpx;
	height: 65rpx !important;
	border: solid 1px #e5e5e5 !important;
}
.require-box {
	position: absolute;
	width: 100%;
	height: 10rpx;
	left: 0;
}
.uni-form-item {
	.net-selct-box {
		flex: 3;
		background: #fff;
	}
}
.tipsBox {
	background: #fff;
	width: 500rpx;
	min-height: 228rpx;
	border-radius: 5rpx;
	position: relative;
	padding-bottom: 45rpx;
	.tipsHeader {
		background-color: #2384e8;
		color: #fff;
		height: 60rpx;
		line-height: 60rpx;
		text-indent: 10rpx;
		font-size: 14px;
	}
	.tipsDesc {
		padding: 20rpx;
		min-height: 126rpx;
    word-break: break-all;
	}
	.tipsBtn {
		position: absolute;
		bottom: 5rpx;
		height: 60rpx;
		right: 10rpx;
		.btn {
			border: 1rpx solid #ccc;
			padding: 6rpx 10rpx;
			border-radius: 3rpx;
			background: #2384e8;
			color: #fff;
		}
	}
	.messBtn {
		position: absolute;
    bottom: 0;
    right: 0;
		.btn {
			border: 1rpx solid #ccc;
			border-radius: 3rpx;
			background: #2384e8;
			color: #fff;
			height: 56rpx;
			line-height: 56rpx;
			min-width: 100rpx;
			font-size: 12px;
			float: right;
		}
	}
}
.uni-date-editor--x {
	background-color: #fff;
}
.uni-select {
	height: 70rpx !important;
	background-color: #fff !important;
	width: 100% !important;
}
#has-border {
	.uni-select {
		height: 70rpx !important;
		background-color: #fff !important;
		border-color: #e5e5e5 !important;
		width: 100% !important;
		bottom: 1rpx;
	}
}
/**********接单页面的样式**********************/
.phxx-item-detail {
	padding-bottom: 163rpx;
}
.phxx-item-detail {
	box-sizing: border-box;
	font-size: 14px;
	color: #000;
	margin: 20rpx;

	.content-box {
		.title-item {
			color: #333;
			font-size: 17px;
			font-weight: bold;
			padding-top: 10rpx;
			height: 70rpx;
			line-height: 70rpx;
		}
		.uni-form-item {
			.band-img {
				width: 204rpx;
				position: relative;
				height: 196rpx;
				left: 16rpx;
			}
			.first-img {
				left: 0rpx;
			}

			.uni-select-box {
			}
		}

		.block-back {
			border-radius: 10rpx;
			padding: 20rpx;
			background-color: #fff;
			border-radius: 16rpx;
			margin-top: 15rpx;
		}
		.top {
			width: 100%;
			border-bottom: 1rpx solid #e6e6e6;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.cph {
				font-size: 18px;
				font-weight: 700;
			}
			.name {
				font-weight: 700;
			}
			.status {
				font-size: 14px;
				padding: 0 20rpx;
				text-align: center;
				border-radius: 10rpx;
				display: block;
				height: 29px;
				line-height: 29px;
			}
			.red-status {
				background: #fc1a0c !important;
			}
			.green-status {
				background: #37a134 !important;
			}
		}
		.center {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			padding: 20rpx 5rpx;
			.gs {
				margin-right: 30rpx;
				font-size: 16px;
			}
			.gs,
			.mz,
			.location {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 50%;
			}
		}
		.bottom-btn {
			text-align: right;
			border-top: 1px solid #e8e7e7;
			padding-top: 10px;
		}
		.bottom.space {
			border-bottom: 1rpx solid #e6e6e6;
		}

		.bottom {
			padding: 20rpx;
			font-size: 15px;
			> .items {
				display: flex;
				padding-bottom: 10rpx;
				width: 100%;
				min-height: 80rpx;
				line-height: 80rpx;
				.img-box {
					position: absolute;
					width: 110px;
					height: 80px;
					left: 128rpx;
					top: 3px;
					.cover-img {
						width: 100%;
						height: 100%;
					}
				}
			}
			image {
				height: 240rpx;
			}
			.items.full {
				width: 100% !important;
			}
			.til {
				display: inline-block;
				width: 178rpx;
			}
			.val {
				margin-left: 15rpx;
			}
			.title-box {
				font-weight: bold;
				color: #000;
				display: block;
				padding: 10rpx 0 20rpx 0;
			}
			.title-box1 {
				background-color: rgba(64, 158, 254, 0.1);
				height: 44rpx;
				line-height: 44rpx;
				padding: 0;
				color: #409efe;
				font-weight: bold;
				margin-bottom: 20rpx;
				.til-icon-name {
					background-color: #409EFE;
					width: 4rpx;
					height: 28rpx;
					display: inline-block;
					margin-right: 13rpx;
					top: 5rpx;
					position: relative;
				}
			}
			.line {
				width: 100%;
				height: 1px;
				background-color: #e6e6e6;
				margin-bottom: 20rpx;
			}
		}
		.block-items {
			.items {
				display: block;
			}
			.items.blue-back {
				text-align: center;
				.val {
					display: block;
				}
			}
			.til {
				display: block;
				width: 100%;
			}
			.val {
				margin-left: 15rpx;
			}
		}
	}
}
.uni-form-item {
	margin-bottom: 20rpx;
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	justify-content: space-between;
	line-height: 100rpx;
	height: 100rpx;
	.uni-select-box {
		width: calc(100% - 186rpx);
		display: flex;
		justify-content: space-between;
		background: #fff;
		picker {
			width: 100%;
			.uni-input {
				color: #333 !important;
			}
		}
	}
	.w232 {
		width: 232rpx !important;
	}
	.title {
		width: 183rpx;
	}
	.title.wd220 {
		width: 240rpx;
		text-align: left;
	}
	.uni-input {
		flex: 3;
		border: 1px solid #fff;
		height: 70rpx;
		line-height: 70rpx;
		border-radius: 10rpx;
		padding: 0 10rpx;
		background-color: #fff;
		bottom: -14rpx;
		position: relative;
	}
}
.carPop,
.cardPop {
	background-color: #fff;
	width: 750rpx;
	height: 522rpx;
	.carList {
		border-radius: 10rpx;
		padding: 10rpx;
		background-color: #fff;
		width: 750rpx;
		height: 522rpx;
		overflow: auto;
		font-size: 14px;
		.top {
			padding: 14rpx 16rpx;
			height: 56px;
			line-height: 63rpx;
			font-size: 15px;
			color: #000;
			font-weight: bold;
			border-bottom: 1px solid #e6e6e6;
			background: #fff;
			width: 98%;
			marin: 0;
			text-align: center;
			.title {
				position: relative;
				.cph {
					text-indent: 10rpx;
					position: absolute;
					right: -18rpx;
					top: 2rpx;
					image {
						width: 60rpx;
						height: 60rpx;
						float: left;
					}
				}
			}
		}
		.add-box {
			position: fixed;
			bottom: 59rpx;
			background: #fff;
			display: flex;
			justify-content: space-between;
			width: 97%;
			height: 102rpx;
			line-height: 73rpx;
			padding: 20rpx;
		}
		.a-i-c {
			position: relative;
			max-height: 398rpx;
			overflow: scroll;
			.car-box {
				margin-bottom: 102rpx;
			}

			.item-box {
				height: 60rpx;
				line-height: 60rpx;
				box-sizing: content-box;
				padding: 20rpx;
				font-size: 15px;
				border-bottom: 1px solid #ccc;
				display: flex;
				justify-content: space-between;
				.cph {
					font-weight: bold;
					text-indent: 10rpx;
					image {
						width: 60rpx;
						height: 60rpx;
						float: left;
					}
				}

				.isReal {
					color: #fff;
					padding: 10rpx;
					background-color: #19be6b;
					border-radius: 6rpx;
					line-height: 50rpx;
				}
				.isnotReal {
					color: #fff;
					padding: 10rpx;
					background-color: #f56c6c;
					border-radius: 6rpx;
					line-height: 50rpx;
				}
				.goReal {
					color: #fff;
					margin-left: 40rpx;
					padding: 10rpx;
					background-color: #1890ff;
					border-radius: 6rpx;
					line-height: 50rpx;
				}
			}
		}
	}
}
.trasac-content {
	font-size: 14px;
	overflow: auto;
	.output-box{
		margin-left: 15px;
		margin-right: 10px;
	}
	.trade-box{
		display: inline-block;
		height: 222rpx;
		background: linear-gradient(90deg, rgba(31,188,255,1), rgba(74,114,255,1) 100%) !important;
		width: 96%;
		color: #fff;
		padding: 30rpx;
		margin: 20rpx 2%;
		font-size: 26.66rpx;
		border-radius: 8rpx;
		.income-num{
			font-size: 67.55rpx;
			top: 45rpx;
			position: relative;
		}
		.outcome{
			float: right;
		}
	}
	.weui-search-bar {
		padding: 18rpx 10rpx;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		border-bottom: 1rpx solid #e5e5e5;
		position: relative;
		background-color: #fff;
		font-size: 24.88rpx;
	}
	
	.weui-icon-search_in-box {
		padding-left: 5rpx;
		margin-top: 19rpx;
		position: absolute;
	}
	
	.weui-search-bar__form {
		border-radius: 5px;
		background: #ffffff;
		width: 100%;
		margin: 0 10rpx 0 17rpx;
	}
	
	.weui-search-bar__box {
		padding: 0 10rpx;
		width: 100%;
		box-sizing: border-box;
		z-index: 1;
		height: 70rpx;
		line-height: 70rpx;
		border-radius: 7rpx;
		background-color: #F1F2F5;
		
		picker{
			.uni-input{
				color: #333;
			}
		}
	}

	.weui-search-bar__cancel-btn {
		line-height: 60rpx;
		color: #fff;
		white-space: nowrap;
		padding: 6rpx 15rpx;
		background: #409EFE;
		border-radius: 8rpx;
		text-align: center;
	}
	.weui-search-bar__cancel-btn:first-child {
		margin-right: 7rpx;
	}
	.content-box {
		margin-top: 8rpx;
		.item-box-ng {
			position: relative;
			margin-bottom: 1px;
			background: #fff;
			padding: 10px 15px;
			margin: 0 2%;
			margin-bottom: 15rpx;
			border-radius: 8rpx;
			font-size: 13px;
			color: #999;
			.item-box-money{
				position: absolute;
				right: 16px;
				top: 25px;
				font-size: 35.55rpx;
				font-weight: bold;
				color: #333;
			}
			.item-box {
				height: 25px;
				line-height: 25px;
				display: block;
				width: 100%;
				margin-top: 10rpx;
			}
			.item-box.name {
				color: #333;
				font-size: 32rpx;
				font-weight: bold;
			}
		}
	}
	.btn {
		width: 100%;
		position: fixed;
		bottom: 0rpx;
		button {
			background-color: #409EFE;
			margin: 10rpx;
		}
	}
}
.content {
	// height: 130vh;
	font-size: 14px;
	.content-box {
		margin-top: 8rpx;
		margin-bottom: 84rpx;
		.item-box-ng {
			display: flex;
			align-items: center;
			justify-content: center;
			.item-box:active{
				border: none!important;
			}
			.item-box {
				height: 76px;
				line-height: 76px;
				box-sizing: content-box;
				padding: 15rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				position: relative;
				width: 93%;
				background: #fff;
				margin-bottom: 6rpx;
				.cph-box {
					min-width: 160rpx;
					background: #FFE24A;
					overflow: hidden;
					height: 88rpx;
					border-radius: 5rpx;
					.cph {
						font-weight: bold;
						font-size: 35.55rpx;
						min-width: 160rpx;
						border: 1px solid #333;
						padding: 0 14rpx;
						margin: 4rpx;
						border-radius: 5rpx;
						height: 80rpx;
						line-height: 80rpx;
					}
				}
				.status {
					position: absolute;
					right: 57rpx;
					width: 160rpx;
					height: 60rpx;
					line-height: 60rpx;
					border-radius: 10rpx;
					text-align: center;
					border-radius: 10rpx;
					.status-icon{
						width: 24rpx;
						height: 24rpx;
						display: inline-block;
						margin-right: 6rpx;
						border-radius: 50%;
						background-color: rgba(247,134,0,0.3);
					}
					.status-icon.isReal{
						background-color: rgba(64,158,254,0.3);
					}
					.status-icon-inner{
						width: 16rpx;
						height: 16rpx;
						border-radius: 50%;
						background-color: rgba(247,134,0,1);
						margin: 4rpx 0 0 4rpx;
					}
					.status-icon-inner.isReal{
						background-color: rgba(64,158,254,1);
					}
				}
				.status.isReal {
					background: rgba(64,158,254,0.1);
					color: #409EFE;
				}
				.status.isnotReal {
					background: rgba(247,134,0,0.1);
					color: #F78600;
				}
			}
		}
	}
}
.payconfirmBox{
	position: relative;
	bottom: -60rpx;
	width: 100vw;
	height: 600rpx;
	background: #fff;
	.main-box{
		padding: 20rpx;
		position: relative;
		.top{
			display: flex;
			align-items: center;
			justify-content: space-between;
			.title{
				font-size: 26.66rpx;
				color: #000;
				font-weight: bold;
			}
			.btn{
				color: #409EFE;
				cursor: pointer;
			}
			.close{
				cursor: pointer;
			}
		}
		.content{
			.money{
				height: 180rpx;
				border-bottom: 1rpx solid #ccc;
				line-height: 294rpx;
				font-weight: bold;
				text-align: center;
				font-size: 48rpx;
			}
			.showing{
				display: flex;
				align-items: center;
				justify-content: space-between;
				>view{
					margin-top: 20rpx;
					font-size: 26.66rpx;
				}
			}
		}
	}
	.btn-box{
		position: fixed;
		bottom: 10rpx;
		width: 100vw;
		padding: 0 20rpx;
	}
}
.read{
	height:60rpx;
	.read-box{
		display: inline-block;
		top: 6rpx;
		position: relative;
		padding-right: 10rpx;
	}
	.agree-box{
		color: #409EFE;
	}
}

// ==========================================================

::v-deep .segmented-control__item--button {
  border-color: #49a4ff !important;
}

::v-deep .segmented-control__text {
  color: #49a4ff !important;
}

::v-deep .segmented-control__item--button--active {
  background-color: #49a4ff !important;
}

::v-deep .segmented-control__item--button--active text {
  color: #ffffff !important;
}

button[type=primary][plain].out-button{
  font-size: 14px !important;
  color: #409EFE !important;
  border: 2rpx solid #409EFE !important;
  background-color: #ffffff !important;
}

.global-linear-bg {
  background: linear-gradient(180deg, #deeeff, #ffffff 21%) !important;
}

.global-card-linear-bg {
  background: linear-gradient(180deg,#e8f3ff, #ffffff 100%) !important;
}

.global-button-bg {
  background: #409eff !important;
}
.global-color-text {
  color: #409eff !important;
}
.loading {
  position: relative;
}
.loading-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  position: absolute;
  top: 29%;
  left: 36%;
  transform: translate(-50%, -50%);
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}